<h1 class="screenreader-only">{{#t "quizzes_title"}}Quizzes{{/t}}</h1>
<div class="header-bar">
  <div class="header-bar-left form-inline">
    <label class="hidden-inline-text" for="searchTerm">{{#t "search_for_quiz"}}Search for Quiz{{/t}}</label>
    <input id="searchTerm" placeholder="{{#t "search_for_quiz"}}Search for Quiz{{/t}}" value="" type="search" />
  </div>

  {{#ifAny permissions.create permissions.manage}}
  <div class="header-bar-right form-inline">
    <a href="{{urls.new_quiz_url}}" class="btn btn-primary new-quiz-link icon-plus" role="button"
       title='{{#t "title_add_quiz"}}Add Quiz{{/t}}'
       aria-label='{{#t "title_add_quiz"}}Add Quiz{{/t}}'>
      {{#t "add_quiz"}}Quiz{{/t}}
    </a>

    <div class="inline-block">
      <a class="al-trigger btn" role="button" aria-haspopup="true" aria-owns="toolbar-1" href="#">
        <i class="icon-settings"></i>
        <i class="icon-mini-arrow-down"></i>
        
      </a>

      <ul id="toolbar-1" class="al-options" role="menu" tabindex="0" aria-hidden="true" aria-expanded="false">
        {{#ifAll permissions.read_question_banks flags.question_banks}}
        <li role="presentation">
          <a href="{{urls.question_banks_url}}" class="icon-question" tabindex="-1" role="menuitem">
            {{#t "links.manage_question_banks"}}Manage Question Banks{{/t}}
          </a>
        </li>
        {{/ifAll}}

        {{#ifAll permissions.manage flags.publish_multiple}}
        <li role="presentation">
          <a href="#" class="publish_multiple_quizzes_link icon-unpublished" tabindex="-1" role="menuitem">
            {{#t "links.publish_multiple_quizzes"}}Publish Multiple Quizzes{{/t}}
          </a>
        </li>
        {{/ifAll}}
      </ul>
    </div>
  </div>
  {{else}}
    {{#if permissions.read_question_banks}}
      <div class="header-bar-right form-inline">
        <a href="{{urls.question_banks_url}}" class="btn view_question_banks" role="button"
           title='{{#t}}View Question Banks{{/t}}'
           aria-label='{{#t}}View Question Banks{{/t}}'>
          {{#t}}View Question Banks{{/t}}
        </a>
      </div>
    {{/if}}
  {{/ifAny}}
</div>

<div class="item-group-container">
  {{#if hasNoQuizzes}}
  <div data-view="no_quizzes" class="item-group-condensed"></div>
  {{/if}}

  {{#if hasAssignmentQuizzes}}
  <div data-view="assignment" class="item-group-condensed"></div>
  {{/if}}

  {{#if hasOpenQuizzes}}
  <div data-view="open" class="item-group-condensed"></div>
  {{/if}}

  {{#if hasSurveys}}
  <div data-view="surveys" class="item-group-condensed"></div>
  {{/if}}
</div>
